@import './city.scss';
@import './position.scss';
@import './reset.scss';
@import './search.scss';

html{
  height: 100%;
  font-size: 26.667vw;
  font-family: Helvetica;
}
body { 
  height: 100%;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.header_global{
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: white;
  background: #00b38a;
  font-size: 0.16rem;
}
.main_global{
  flex: 1;
  overflow-y: auto;
  // width: 100%;
}
.footer_global{
  height: 45px;
  background: #f2f5f4;
  font-size: 16.768px;
  ul{
    display: flex;
    li{
      flex: 1;
      list-style: none;
      text-align: center;
      line-height: 45px;
      font-family: Helvetica;
      color: #c2cfcc;
      &.active{
        background: #e7f3f0;
        color: #00b38a;
      }
    }
  }
}
//轮播图
.swiper-container{
  height: 100%;
}
//我的信息相关
.infos-content{
  padding: 0 15px 0 15px;
  .login{
      height: 56px;
      padding: 30px 0;
      margin:10px 0;
      a{
          display: block;
          height: 45px;
          width: 35%;
          line-height: 45px;
          text-align: center;
          background: #1fc8a1;
          margin: 0 auto;
          color: #fff;
          font-size: 14px;
      }
  }
  .buttons{
      width: 100%;
      height: 192px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      a{
          display: block;
          height: 86px;
          line-height: 86px;
          width: 44%;
          float: left;
          background: #1fc8a1;
          margin-top: 10px;
          font-size: 16px;
          text-align: center;
          color: #fff;
      }
  }
}

@font-face {
  font-family: 'iconfont';
  src: 
      url('./fonts/iconfont.ttf') format('woff'),
      url('./fonts/iconfont.woff') format('truetype'),
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}